<template>
	<view class="content">
		<!-- 优惠券组件 -->
		<view class="bgc" v-if="couponsShow">
			<Coupons @close="couponsShow = false" @getCoupons="getNewCoupons" :couponsList="couponsList"></Coupons>
		</view>
		<view class="flex-col page" v-else>
			<view class="flex-col group">
				<text class="text">个人中心</text>
				<!-- 个人中心 -->
				<view class="flex-col section_1" @click="go('/pages/my/profile/profile')">
					<!-- <text class="text">个人中心</text> -->
					<view class="justify-between">
						<view class="flex-row">
							<image v-if="userInfo.address" :src="userInfo.address" class="image" />
							<image v-else :src="$IMG_URL+'16557871010938862621.png'" class="image" />
							<text class="text_1">{{userInfo.name}}</text>

						</view>
						<image :src="$IMG_URL+'16557867934127428649.png'" class="image_1 image_2" />
					</view>
					<u-icon class="arrow-r" name="arrow-right" color="#ffffff" size="28"></u-icon>
				</view>
				<!-- 我的订单 -->
				<view class="flex-col group_3">
					<view class="flex-col section_2">
						<view class="justify-between" @click="go('/pages/my/order/order')">
							<text class="text_2">我的订单</text>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_3" />
						</view>
						<view class="justify-between equal-division">
							<view class="order" @click="go('/pages/my/order/order?index=1')">
								<view class="flex-col items-center ">
									<image :src="$IMG_URL+'order.png'" class="image_5" />
									<text class="text_3">待付款</text>
								</view>
								<u-badge type="error" :offset="[0,0]" :absolute="true" :value="count.pendingCount">
								</u-badge>
							</view>
							<view class="order" @click="go('/pages/my/order/order?index=2')">
								<view class="flex-col items-center">
									<image :src="$IMG_URL+'order1.png'" class="image_5" />
									<text class="text_3">待完善</text>
								</view>
								<u-badge type="error" :offset="[0,0]" :absolute="true" :value="count.improvedCount">
								</u-badge>
							</view>
							<view class="order" @click="go('/pages/my/order/order?index=3')">
								<view class="flex-col items-center">
									<image :src="$IMG_URL+'order2.png'" class="image_5" />
									<text class="text_3">进行中</text>
								</view>
								<u-badge type="error" :offset="[0,0]" :absolute="true" :value="count.conductCount ">
								</u-badge>
							</view>
							<view class="order" @click="go('/pages/my/evaluatecenter/evaluatecenter')">
								<view class="flex-col items-center">
									<image :src="$IMG_URL+'16557868658496867994.png'" class="image_5" />
									<text class="text_3">待评价</text>
								</view>
								<u-badge type="error" :offset="[0,0]" :absolute="true" :value="count.evaluatedCount ">
								</u-badge>
							</view>
							<view class="order" @click="go('/pages/my/order/order?index=5')">
								<view class="flex-col items-center">
									<image :src="$IMG_URL+'16557868658502308244.png'" class="image_5" />
									<text class="text_3">已完成</text>
								</view>
								<u-badge type="error" :offset="[0,0]" :absolute="true" :value="count.completeCount ">
								</u-badge>
							</view>
						</view>
					</view>
					<!-- 待办事项 -->
					<view class="flex-col section_3" v-if="waitlist.length>0">
						<view class="justify-between" @click="go('/pages/my/dealt')">
							<view class="flex-row">
								<text class="text_8">待办事项</text>
								<template v-for="(it,index) in waitlist">
									<view class="u-flex" v-if="index<1">
										<text class="text_9" v-if="it.toDoListType ==1">上传资料提醒</text>
										<text class="text_9" v-if="it.toDoListType ==2">变更标准工期确认</text>
										<text class="text_9" v-else-if="it.toDoListType ==3">变更标准工期确认</text>
										<text class="text_9" v-else-if="it.toDoListType ==4">订装安排</text>
										<text class="text_9" v-else-if="it.toDoListType ==5">现场巡检</text>
										<text class="text_9" v-else-if="it.toDoListType ==6">确认巡检时间</text>
										<view v-else-if="it.toDoListType ==7">
											<text class="text_9" v-if="it.orderType == 1">全流程咨询</text>
											<text class="text_9" v-else-if="it.orderType == 2">设计优化</text>
											<text class="text_9" v-else-if="it.orderType == 3">审核/合同签约</text>
											<text class="text_9" v-else-if="it.orderType == 4">主材咨询</text>
											<text class="text_9" v-else-if="it.orderType == 5">施工巡检</text>
											<text class="text_9" v-else-if="it.orderType == 6">验收</text>
											<text class="text_9" v-else-if='it.orderType == 7'>选材咨询</text>
											<text class="text_9" v-else-if='it.orderType == 8'>全流程管家</text>
											<text class="text_9" v-else-if='it.orderType == 9'>补价订单</text>
										</view>
									</view>
								</template>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_3" />
						</view>
						<view class="flex-col group_7">
							<template v-for="(it,index) in waitlist">
								<view class="justify-between " v-if="index<2 && it.toDoListType==1"
									:class="index==0?'section_4':'section_5'" @click="jump(it)">
									<view class="flex-col" :class="index==1?' group_10':''">
										<view class="flex-row u-col-center">

											<image :src="$IMG_URL+'16557868091053242781.png'"
												class="image_12 image_13" />
											<text :class="index==0?'text_10':'text_13'"
												v-if="it.orderType ==1">全流程咨询</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.orderType ==2">设计优化</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.orderType ==3">审核/合同签约</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.orderType ==4">主材咨询</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.orderType ==5">施工巡检</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.orderType ==6">验收</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if='it.orderType ==7'>选材咨询</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if='it.orderType ==8'>全流程管家</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if='it.orderType ==9'>补价订单</text></text>
										</view>
										<text :class="index==0?'text_11':'text_14'"
											v-if="it.orderType ==1">100个主材价格咨询</text>
										<text :class="index==0?'text_11':'text_14'"
											v-else-if="it.orderType ==2">上传效果图，房屋框架图</text>
										<text :class="index==0?'text_11':'text_14'"
											v-else-if="it.orderType ==3">上传合同文件</text>
										<text :class="index==0?'text_11':'text_14'"
											v-else-if='it.orderType ==8'>效果图上传</text>

									</view>
									<view class="flex-col items-center "
										:class="index==0?'text-wrapper':'text-wrapper_1'">
										<text class="text_12">去完善</text>
									</view>
								</view>

								<view v-else-if="index<2 && it.toDoListType!=1" class="justify-between "
									:class="index==0?'section_4':'section_5'">
									<view class="flex-col" :class="index==1?' group_10':''">

										<view class="flex-row u-col-center">
											<image :src="$IMG_URL+'16557868091053242781.png'"
												class="image_12 image_13" />
											<text :class="index==0?'text_10':'text_13'"
												v-if="it.toDoListType ==2">变更标准工期确认</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.toDoListType ==3">变更标准工期确认</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.toDoListType ==4">订装安排</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.toDoListType ==5">现场巡检</text>
											<text :class="index==0?'text_10':'text_13'"
												v-else-if="it.toDoListType ==6">确认巡检时间</text>
											<view v-else-if="it.toDoListType ==7">
												<text :class="index==0?'text_10':'text_13'"
													v-if="it.orderType == 1">全流程咨询</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if="it.orderType == 2">设计优化</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if="it.orderType == 3">审核/合同签约</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if="it.orderType == 4">主材咨询</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if="it.orderType == 5">施工巡检</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if="it.orderType == 6">验收</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if='it.orderType == 7'>选材咨询</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if='it.orderType == 8'>全流程管家</text>
												<text :class="index==0?'text_10':'text_13'"
													v-else-if='it.orderType == 9'>补价订单</text>
											</view>

										</view>
									</view>
								</view>
							</template>
						</view>
					</view>
					<view class="flex-col section_6" v-if="!haveFamily">
						<text class="text_16">我的家</text>
						<view class="flex-col items-center text-wrapper_2 "><text class="roomBtn text_17"
								@click="go('/pages/index/editHourse')">+添加房屋信息</text></view>
					</view>
					<view class="flex-col section_60" @click="go('/pages/my/switchHouse')" v-else>
						<view class="flex-col">
							<view class="flex-row">
								<text class="text_15">我的家</text>
								<image :src="$IMG_URL+'16557868107638416646.png'" class="image_14" />
							</view>
						</view>
						<view class="justify-between group_16">
							<text class="text_88">你的房屋位置</text>
							<text
								class="text_99">{{family.provinceName}}{{family.cityName}}{{family.districtName}}</text>
						</view>
						<view class="justify-between group_16">
							<text class="text_88">详细地址</text>
							<text class="text_99">{{family.position}}</text>
						</view>
						<view class="flex-col items-end image-wrapper">
							<image :src="$IMG_URL+'16557868077366439536.png'" class="image_3 image_15 u-m-r-20" />
						</view>
						<view class="flex-col group_16">
							<view class="justify-between">
								<text class="text_20">你的房屋面积</text>
								<text class="text_21">{{family.roomArea}}m²</text>
							</view>
							<view class="justify-between group_16">
								<text class="text_22">房屋类型</text>
								<text class="text_23">{{family.roomTypeName}}</text>
							</view>
						</view>
					</view>
					<view class="flex-col section_7">
						<view class="justify-between group_14" @click="go('/pages/my/process/tabs?source=my')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868087162052211.png'" class="image_15" />
								<text class="text_18">我家进程</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/report/report')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868100803310248.png'" class="image_15" />
								<text class="text_19">我的报告</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/message/message')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868094030935226.png'" class="image_15" />
								<text class="text_19">我的消息</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/collection/collection')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868071764379953.png'" class="image_15" />
								<text class="text_19">我的收藏</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/mycoupon/mycoupon')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868097756790592.png'" class="image_15" />
								<text class="text_19">我的优惠券</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/invite/invite')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868089253868551.png'" class="image_15" />
								<text class="text_19">邀请好友</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/setting/setting')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'16557868061502632169.png'" class="image_15" />
								<text class="text_25">系统设置</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
						<image :src="$IMG_URL+'16557868070155102844.png'" class="image_18" />
						<view class="justify-between group_14" @click="go('/pages/my/phone')">
							<view class="flex-row item-center">
								<image :src="$IMG_URL+'phone.png'" class="image_15" />
								<text class="text_25">联系我们</text>
							</view>
							<image :src="$IMG_URL+'16557868075783727961.png'" class="image_1" />
						</view>
					</view>
					<view style="margin: 5%; "></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// 优惠券
	import Coupons from '@/pages/login/coupons/coupons.vue'
	import {
		mapGetters
	} from 'vuex'
	export default {
		components: {
			Coupons
		},
		data() {
			return {
				isShows: 0,
				family: {},
				count: {},

				waitlist: [],
				couponsShow: false, //控制弹窗显示
				couponsList: [], //优惠券列表
				isShowCou: false,
			};
		},

		async created() {
			await this.getFamily();
			// this.getToken()
			// 登录获取优惠券
			await this.getUserCoupons() //获取优惠券
		},

		async onShow() {
			//查询是否有我的家 返回参数0无 1有  页面 1展示0不展示
			// this.$store.dispatch('checkHouse');
			console.log(2222);
			await this.init()

		},
		onHide: function() {
			// this.haveFamily = false;
		},
		onPullDownRefresh() {
			this.init();
			if (!this.isShowCou) {
				this.getUserCoupons()
			}

			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		computed: {
			...mapGetters(['userInfo']),
			...mapGetters(['token']),
			haveFamily(n, o) {

				if (!this.family) {
					return false;
				} else {
					return this.family.hasOwnProperty('projectId');
				}

			}

		},

		methods: {
			// 获取优惠券
			getUserCoupons() {
				this.$http('coupons.NewUserCoupons', {
					token: this.token
				}).then(res => {
					const {
						data,
						code
					} = res
					if (code === 200) {
						this.couponsList = data
						this.getNewUser()
					}

				})
			},
			getNewCoupons(id, status) {
				// 领取优惠券按钮
				this.$http('coupons.getNewUser', {
					couponsId: id
				}).then(res => {
					const {
						code,
						msg
					} = res
					if (status != 1) {
						this.$u.toast('领取成功')

					} else {
						this.$u.toast('不能重复领取')

					}
					this.getUserCoupons()
					this.getNewUser()
				})
			},

			// 获取是否为新用户
			getNewUser() {
				this.$http('coupons.ueryNewUser', {
					token: this.token
				}).then(res => {
					const {
						data
					} = res
					if (data.isNew == '1') { // 1 为新用户 2 为老用户
						this.isShowCou = true;
						this.couponsShow = true
					} else {
						this.couponsShow = false
					}
				})
			},

			queryToDoList(type = 0) {
				this.$http('luser.queryToDoList').then(r => {
					if (r.code == 200) {
						if (type == 0) {
							this.waitlist = [];
							this.list = r.rows;
							if (this.list.length > 0) {
								this.list.forEach((item, index) => {
									item.businessJson = JSON.parse(item.businessJson);
									// if (item.toDoListType == 1) {
									this.waitlist.push(item);
									// }

								});

							}
						}

					}
				});
			},
			jump(item) {
				// 1全流程咨询 2设计优化 3审核/合同签约 4主材咨询 5施工巡检 6验收 7选材咨询 8全流程管家

				if (item.orderType == 2) {
					// 设计优化
					uni.navigateTo({
						url: '/pages/my/order/orderDetail6?ordersId=' + item.orderId
					})
				} else if (item.orderType == 1) {
					// 全流程咨询
					uni.navigateTo({
						url: '/pages/my/order/orderDetail?ordersId=' + item.orderId
					})
				} else if (item.orderType == 3) {
					// 审核 合同签约
					uni.navigateTo({
						url: '/pages/my/order/orderDetail5?ordersId=' + item.orderId
					})
				} else if (item.orderType == 4) {
					// 主材咨询
					// this.$u.toast('敬请期待');
					uni.navigateTo({
						url: '/pages/my/order/orderDetailZC?ordersId=' + item.orderId
					})
				} else if (item.orderType == 5) {
					// 施工巡检
					uni.navigateTo({
						url: '/pages/my/order/orderDetail4?ordersId=' + item.orderId
					})
				} else if (item.orderType == 6) {
					// 验收
					uni.navigateTo({
						url: '/pages/my/order/orderDetail2?ordersId=' + item.orderId
					})
				} else if (item.orderType == 7) {
					// 选材咨询
					// this.$u.toast('敬请期待');
					uni.navigateTo({
						url: '/pages/my/order/orderDetailXC?ordersId=' + item.orderId
					})
				} else if (item.orderType == 8) {
					// 全流程管家
					uni.navigateTo({
						url: '/pages/index/design/design'
					})
				} else if (item.orderType == 9) {
					// 全流程管家
					uni.navigateTo({
						url: '/pages/my/order/orderDetail9?ordersId=' + item.orderId
					})
				}

			},

			async init() {

				await this.getFamily();
				await this.getOrderCount();
				await this.queryToDoList();
			},
			QLCZX() {
				this.$u.toast('敬请期待');
				// this.go('/pages/my/order/orderDetail')
			},
			getOrderCount() {
				this.$http('lorder.count').then(r => {
					if (r.code == 200) {
						this.count = r.data;
					}
				});
			},
			getFamily() {

				this.$http('lhouse.query').then(r => {
					if (r.code == 200) {
						this.family = r.data.project;
						console.log('family');
						console.log(this.family);
					}
				});
			}
		},
	};
</script>

<style scoped lang="scss">
	.roomBtn {
		width: 140px;
		height: 70rpx;
		text-align: center;
		border-radius: 40rpx;
		line-height: 70rpx;
		border: 2rpx solid #95a8b9;
		background-color: #e7f0ff;
	}

	.bgc {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #666666;
		// opacity: 0.8;
		z-index: 999;
	}

	.text_88 {
		font-size: 28rpx;
	}

	.group_22 {
		height: 76rpx;
	}

	.order {
		position: relative;
	}

	.image_37 {
		width: 54rpx;
		height: 54rpx;
	}

	.image_1 {
		margin: 8rpx 0;
		width: 14rpx;
		height: 26rpx;
	}

	.image_18 {
		align-self: flex-end;
		width: 578rpx;
		height: 2rpx;
	}

	.group_14 {
		padding: 29rpx 0rpx;
	}

	.image_3 {
		margin-top: 16.5rpx;
		width: 10rpx;
		height: 19rpx;
	}

	.image_5 {
		width: 62rpx;
		height: 62rpx;
	}

	.image_15 {
		flex-shrink: 0;
		width: 40rpx;
		height: 40rpx;
	}

	.image_12 {
		margin-top: 12rpx;
		width: 26rpx;
		height: 16rpx;
	}

	.text_19 {
		margin-left: 24rpx;

		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.page {
		background-color: #f6f7f9ff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	.group {
		padding-bottom: 32rpx;
		flex: 1 1 auto;
		overflow-y: auto;
	}

	.tab-bar {
		padding: 6rpx 98rpx 16rpx 98.5rpx;
		background-color: #ffffff;
		box-shadow: 0px -1rpx 0px 0px #7BAAFC;
	}

	.section_1 {
		padding: 170rpx 38rpx 160rpx;
		background-image: url($IMG_URL+'16557868065699717314.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_3 {
		margin-top: -154rpx;
		padding: 0 24rpx;
		position: relative;
	}

	.text {
		position: fixed;
		z-index: 2;
		padding-top: 80rpx;
		padding-bottom: 15rpx;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
		width: 100%;
		text-align: center;
		background-image: linear-gradient(to bottom, #3B8EFD, #3D91FD, #3889FC);
		// border-bottom: solid 0.1rpx #dfdfdf;
		// box-shadow: 0px 1rpx 0px 0px #75A7FC; //个人中心白线
	}

	.group_1 {
		margin-top: 49rpx;
	}

	.section_2 {
		padding: 29rpx 24rpx 35rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_3 {
		margin-top: 20rpx;
		padding: 29rpx 24rpx 32rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.section_6 {
		margin-top: 20rpx;
		padding: 29rpx 24rpx 48rpx;
		background-image: url($IMG_URL+'16557868093536924977.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.section_7 {
		margin-top: 20rpx;
		padding: 0 32rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text_26 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_27 {
		color: #333333;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.text_28 {
		color: #1d6aff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 23rpx;
	}

	.image_2 {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		align-self: center;
	}

	.equal-division {
		margin: 29.5rpx 12rpx 0 17rpx;
	}

	.group_7 {
		margin-top: 34rpx;
	}

	.text_16 {
		align-self: flex-start;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.group_12 {
		padding: 29.5rpx 0 30.5rpx;
	}

	.group_20 {
		padding: 28.5rpx 31.5rpx;
	}

	.image {
		flex-shrink: 0;
		width: 116rpx;
		height: 116rpx;
		border-radius: 50%;
	}

	.arrow-r {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		transform: translateY(-280%);
	}

	.text_1 {
		margin-left: 30rpx;
		margin-top: 29rpx;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.text_2 {
		font-weight: 800;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.section_4 {
		padding: 22rpx 24rpx 29rpx;
		background-color: #fd7b0b14;
		border-radius: 16rpx;
	}

	.section_5 {
		margin-top: 16rpx;
		padding: 22rpx 24rpx 29rpx;
		background-color: #1d6aff14;
		border-radius: 16rpx;
	}

	.text_17 {

		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_3 {
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 40rpx;
	}

	.text_4 {
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_5 {
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_6 {
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_7 {
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_8 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_9 {
		margin: 6rpx 0 4rpx 16rpx;
		color: #1D6AFF;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text-wrapper {
		padding: 5rpx 0 15rpx;
		align-self: center;
		background-color: #fd7b0b;
		border-radius: 24rpx;
		width: 124rpx;
		height: 48rpx;
	}

	.group_10 {
		// width: 256rpx;
	}

	.text-wrapper_1 {
		padding: 5rpx 0 15rpx;
		align-self: center;
		background-color: #1d6aff;
		border-radius: 24rpx;
		width: 124rpx;
		height: 48rpx;
	}

	.text_18 {
		margin-left: 24rpx;
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_25 {
		margin-left: 24rpx;
		margin-bottom: 9rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_11 {
		margin-top: 18rpx;
		// width: 250rpx;
		color: #333333;
		margin-left: 40rpx;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_12 {
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 40rpx;
		height: 40rpx;
	}

	.text_14 {
		margin-top: 18rpx;
		// width: 250rpx;
		margin-left: 39rpx;
		color: #333333;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_15 {
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.image_13 {
		flex-shrink: 0;
	}

	.text_10 {
		margin-left: 16rpx;
		color: #fd7b0b;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_13 {
		margin-left: 16rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}



	.image_3 {
		margin-top: 16.5rpx;
		width: 10rpx;
		height: 19rpx;
	}

	.section_60 {
		margin-top: 20rpx;
		padding: 29rpx 22rpx 41rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		position: relative;
	}

	.group_16 {
		margin-top: 32rpx;
		position: relative;
	}

	.text_98 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_99 {
		margin-right: 7rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_15 {
		margin-top: 0;
	}

	.group_18 {
		margin-top: 33rpx;
	}

	.text_15 {
		margin-bottom: 4rpx;
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.image_14 {
		margin-left: 16rpx;
		margin-top: 6rpx;
		width: 32rpx;
		height: 32rpx;
	}

	.text_16 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_17 {
		margin-right: 3rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_20 {

		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';

	}

	.text_21 {
		margin-top: 6rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_22 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_23 {
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.image_39 {
		width: 14rpx;
		height: 26rpx;
	}

	.image-wrapper {
		padding: 45.5rpx 0 169.5rpx;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b14c62d02982001153329a/16557868102884830553.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 230rpx;
		position: absolute;
		right: 0;
		top: 0;
	}
</style>
